* {
  margin: 0px;
  padding: 0px;
}

body {
  .top_nav_box {
    height: 0px;
    .top_nav {
      width: 100vw;
      height: 8vw;

      background-color: rgba(32, 29, 29, 0.9);
      opacity: 0.5;

      display: flex;
      align-items: center;
      position: sticky;
      top: 0;
      img {
        width: 20vw;
        height: 5vw;
        margin: 0px 20vw;
      }
      h3 {
        color: white;
        font-size: 12px;
        line-height: 8vw;
        margin: auto;
      }
    }
  }
  .top_back {
    width: 100%;
    height: 45vh;
    background-image: url("./../imgs/p1imgs/images/guy_03.gif");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    > h2 {
      width: 100%;
      color: white;
      text-align: center;
    }
    > stitle {
      width: 100%;
      font-size: 20px;
      text-align: center;
      color: #fda005;
      margin-top: 2vh;
    }
  }

  .fuwufanwei {
    font: 18px;
    text-align: center;
    margin-top: 40px;
    > span {
      font: 18px;
      color: #fda005;
    }
  }

  .line {
    width: 12vw;
    height: 3px;
    background-color: #e7e7e7;
    margin: 10px auto;
  }
  .list {
    width: 70vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    margin: auto;
    > .item,
    .item2 {
      /* border: 1px solid red; */
      width: 45%;
      display: flex;
      align-items: center;
      padding: 10px 10px;
      > img {
        width: 15%;
      }
      > .p {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        > .p1 {
          font-size: 14px;
          font-weight: bold;
        }
        > .p2 {
          width: 100%;
          font-size: 12px;
          margin-top: 12px;
        }
      }
    }
    .item2 {
      background-color: #efefef;
    }
  }

  .resource {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
  }
}
/* 768 1024 1280 */
